<ul class="pagination pagination-sm no-margin pull-right">
    <li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
//分页数据信息呈现
function doSetPagination(page){
	//1.始化数据
	$(".rowCount").html(`总记录数(${page.rowCount})`);
	//$(".rowCount").html("总记录数("+page.rowCount+")");
	$(".pageCount").html("总页数("+page.pageCount+")");
	$(".pageCurrent").html("当前页("+page.pageCurrent+")");
	//2.绑定数据(为后续对此数据的使用提供服务)
	//3.对pageCurrent值进行重新绑定 将page.pageCurrent的值以key/value结构存储到#pageId对应的位置
    //data(key[,value]函数为jquery中的一个数据存储函数，可以通过此函数在某个dom对象上存或者取数据)
	$("#pageId").data("pageCurrent",page.pageCurrent);
	$("#pageId").data("pageCount",page.pageCount);
}

$(function(){
	//事件注册在pageId对应的对象上注册click事件，当点击pageId内部的子元素（first,pre等）时，执行其处理函数
	 $("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage);

})

//基于页面上的分页点击事件执行事件处理
function doJumpToPage(){
    //1.获取点击对象的class值
    //$(this)代表被点击的对象
    //prop(attributeName[,attributevalue])函数为jquery中一个操作属性的函数（获取属性值或为属性赋值）
    var cls=$(this).prop("class");//Property
    //2.基于class属性值修改当前页码值
    //2.1获取当前页码值和总页数
    var pageCurrent=$("#pageId").data("pageCurrent");
    //获取#pageId对象使用data函数绑定的pageCount值（两个值是存，一个值是取）
    var pageCount=$("#pageId").data("pageCount");
    //2.2修改pageCurrent（当前页码值）的值
    if(cls=="first"){//首页
    	pageCurrent=1;
    }else if(cls=="pre"&&pageCurrent>1){//上一页
    	pageCurrent--;
    }else if(cls=="next"&&pageCurrent<pageCount){//下一页
    	pageCurrent++;
    }else if(cls=="last"){//最后一页
    	pageCurrent=pageCount;
    }else{
     return;
}
    //3.保存当前页码值
    $("#pageId").data("pageCurrent",pageCurrent);
    //4.基于新的pageCurrent的值进行当前页数据查询
       doGetObjects();
}


</script>








